header
    .usercontainer
        ul
            li
                a(href='#')= name
            li#notification-counter 0
            li
                a(href='/logout') Logout
    .logo
        a(href='/')
            img(src='/images/logo_midgard.png',id='mainlogo')
#notifications-menu.module(style='top:40px;z-index:1000;right:0px;position:absolute;float:right;display:none;width:400px;height:300px;')
    a I am a menu item
br(style='clear:both;')
section#sidebar
    .module
        nav
            h5 Ideas
            ul
                li
                    a(href='#') Create
                li
                    a(href='#') View
            h5 Proposals
            ul
                li
                    a(href='#') Make proposal
                li
                    a(href='#') Lists proposals
            h5 Tasks
            ul
                li
                    a(href='#') Create task
                li
                    a(href='#') View
        br(style='clear:both;')
    .module
        h5 Display
        ul#display
            li
                input#allday(type='checkbox') 
                label(for='allday') Show all day foat
            li
                input#onlymine(type='checkbox') 
                label(for='onlymine') Only my tasks
        br(style='clear:both;') 

section#content.scroll-pane
    #timeline-controls
        div#timeslider
            svg#svgelem(xmlns="http://www.w3.org/2000/svg")
                line(x1="200", y1="0", x2="200", y2="16", style="stroke:red;stroke-width:2")
    div(style='width: 100%; overflow-x: hidden; overflow-y: hidden;width: 5000px;overflow:auto')
        #timeline-content.scroll-content
            div.period
                h3 Januar
                div.task(data-taskid='maritim')
                    h4 Maritim sektor
                    p Tar seg av maritime saker og ting
                div.task.trans(data-taskid='add', data-action='new')
                    img(src='/images/add-task.png')

            div.period
                h3 Februar
                div.task(data-taskid='ubaat')
                    h4 Ubaat
                    p Kan dykke i vannet with ease
                div.task(data-taskid='idi')
                    h4 Brenne IDI
                    p NTNU sitt IDI kontor brant dessverre ned lørdag 31. april
                div.task.trans(data-taskid='add', data-action='new')
                    img(src='/images/add-task.png')
br(style='clear:both;')
footer
    p.info
        span(style='margin-right:5px;') HTML
        img(src='/images/html5.png', alt='HTML 5')
        p
        span(style='font-size:12px') Theme:
        select(id='themechanger')
            option(value='midgard') Default
            option(value='midgreen') Midgreen
    //a(href="http://www.w3.org/html/logo/")
    //    img(src="http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-css3-semantics.png", width="197", height="64", alt="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, and Semantics", title="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, and Semantics")
#dialog-modal.popup(style='display:none', title='New Idea')
    h5 Title
    input.title(type='text')
    h5 Description
    input.description(type='text')